<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery.min.js"></script>
		<link href="主页demo/js/layui/css/layui.css" rel="stylesheet"/>
		<script src="主页demo/js/layui/layui.js"></script>
		<!-- [if lt IE 9]>
		  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
		  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
		<![endif] -->
	</head>
	<body>
		
		<div style="width: 500px;height: 500px;background-color: yellow;margin: 0 auto;">
			  <div class="layui-row layui-col-space5">
			    <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
					<div class="layui-row layui-col-space5">
					  <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
								1		
					  </div>
					  <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
					  			2							
					  </div>
					 </div>
			    </div>
				<div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
				  移动：6/12 | 平板：6/12 | 桌面：4/12
				</div>
			</div>
		</div>
		
		<div class="layui-col-md4 layui-col-md-offset4 layui-col-xs12" style="height: 300px;background-color: green;">
		    偏移4列，从而在最右
		  </div>
	</body>
</html>
